<template>
        <view class="uni-body">
		  <view class="terminalName">终端名称：{{dailyYwData.terminalName}}</view>
		   <view class="flexItem">报警类型<view class="text">{{dailyYwData.policeTypeText}}</view></view>
		   <view class="flexItem">设备编号<view class="text">{{dailyYwData.equNo}}</view></view>
		   <view class="flexItem">进出口<view class="text">{{dailyYwData.drain==1?'进口':dailyYwData.drain==2?'出口':''}}</view></view>
		   <view class="flexItem">问题描述<view class="text">{{dailyYwData.desc||'无'}}</view></view>
		   <view class="flexItem">报警时间<view class="text">{{ dailyYwData.reportTime }}</view></view>
		   <view class="flexItem">处理措施<view class="text">{{ dailyYwData.meausre }}</view></view>
		  <view class="flexItem" style="border-bottom: 0;display: flex;">处理图片
		  <view v-if="dailyYwData.pic" style="display: flex;flex-wrap: wrap;">
		    <image style="width: 150rpx; height: 150rpx;margin-right: 10rpx" v-for="(src, index) in dailyYwData.pic.split(',')"
		      :src="src" :key="index" mode="aspectFit" @click="clickImg(src, index)">
		    </image>
		  </view>
		  </view>        
		  <view class="flexItem">运维时间<view class="text">{{ dailyYwData.handleTime }}</view></view>
		  <view class="flexItem" style="border-bottom: 0;padding-bottom: 0">提交人员<view class="text">{{ dailyYwData.handler }}</view></view>
      </view>
</template>
<script>

export default {
  props: {
  	dailyYwData: {
  		type: Object,
  		required: true
  	}
  },
  data() {
    return {
     
     };
  },
  created() {
	
  },
  mounted() {},
  methods: {

  },
};
</script>
<style scoped lang="scss">
.page-view {
  height: 100vh;
  // background: #f8f9fb;
  position: relative;
  overflow: hidden;
}
    .uni-body{
         margin: 0 32rpx;
         padding:28rpx;
         background: #FFFFFF;
         font-weight: 800;
         font-size: 28rpx;
         color: #4A4A4A;
         border-radius: 10rpx 10rpx 10rpx 10rpx;
          .flexItem{
            display: flex;
			border-bottom: 1rpx #EBEBEB solid;
            margin-bottom:20rpx;
			padding-bottom: 20rpx;
			color: #989898;
			padding-left: 20rpx;
            .text{
			  margin-left: 42rpx;
			  color: #4A4A4A;
            }
          }
          .margin{
           width: 450rpx;
           height: 150rpx;
           border-radius: 10rpx 10rpx 10rpx 10rpx;
           border: 1rpx solid #EFEFEF;
		   padding-left: 32rpx;
		   padding-top: 8rpx;
		   margin-left: 10rpx;
		   color: #4A4A4A;
          }
          .terminalName{
            border-bottom: 1rpx #EBEBEB solid;
            margin-bottom:18rpx;
			padding-bottom: 22rpx;
          }
      }
</style>
